.sortArea {
  padding-left: 15px;
  line-height: 34px;
  .sortTitle {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    margin-right: 10px;
    padding:0 10px;
    cursor: pointer;
    &:hover{
      background-color: #f5f5f5;
    }
  }
}

.sortDropDown {
  .ant-dropdown-menu {
    min-width: 130px;
    border-radius: 2px;
    .checkIcon {
      visibility: hidden;
    }
    .selectname {
      .checkIcon {
        visibility: visible;
        color: var(--ant-primary-color);
      }
    }
  }

  .selectname .ant-typography,
  .ant-dropdown-menu-item-active .ant-typography {
    color: var(--ant-primary-color);
  }
}

.sortName {
  padding-left:10px;
  .ant-popover-arrow {
    display: none;
  }

  .ant-popover-inner {
    border-radius: 0 2px 2px 0;
  }

  .ant-popover-inner-content {
    padding: 0;
    cursor: pointer;

    div {
      height: 36px;
      line-height: 24px;
      padding: 6px 16px;

      &:hover {
        background-color: #f5f5f5;
        color: var(--ant-primary-color);
      }
    }
    .selectsort {
      color: var(--ant-primary-color);
    }
  }
}